<template>
    <div class="app-container">
        <div>
            <el-form :model="form" inline size="small" label-width="110px">
                <el-form-item label="综合查询" label-width="70px">
                    <div class="zhcx">
                        <el-input v-model="form.name" placeholder="请输入ID/姓名/电话/身份证"></el-input>
                    </div>
                </el-form-item>
                <el-form-item label="科二教练">
                    <el-input v-model="form.name" placeholder=""></el-input>
                </el-form-item>
                <el-form-item label="科三教练">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="介绍人">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>
                <el-form-item label="招生人">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>

                <el-form-item label="日期类型" label-width="70px">
                    <el-select v-model="form.region" placeholder="请选择活动区域">
                        <el-option label="区域一" value="shanghai"></el-option>
                        <el-option label="区域二" value="beijing"></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="开始日期">
                    <el-date-picker v-model="form.name" type="date" placeholder="选择日期" />
                </el-form-item>

                <el-form-item label="结束日期">
                    <el-date-picker v-model="form.name" type="date" placeholder="选择日期" />
                </el-form-item>


                <el-form-item label="进度">
                    <el-select v-model="form.region" placeholder="请选择活动区域">
                        <el-option label="区域一" value="shanghai"></el-option>
                        <el-option label="区域二" value="beijing"></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="资料走向">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>

                <el-form-item label="车型">
                    <el-input v-model="form.name"></el-input>
                </el-form-item>

                <el-form-item label="挂靠点">
                    <el-select v-model="value" filterable placeholder="请选择">
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="预约状态">
                    <el-select v-model="form.region" placeholder="请选择活动区域">
                        <el-option label="区域一" value="shanghai"></el-option>
                        <el-option label="区域二" value="beijing"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="车型">
                    <el-select v-model="form.region" placeholder="请选择活动区域">
                        <el-option label="区域一" value="shanghai"></el-option>
                        <el-option label="区域二" value="beijing"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item style="margin-left: 100px;">
                    <el-button type="primary" size="small" icon="el-icon-search">查询</el-button>
                </el-form-item>
                <el-form-item>
                    <el-button type="info" size="small" icon="el-icon-search">批量签到</el-button>
                    <el-button type="info" size="small">批量取消签到</el-button>
                    <el-button type="info" size="small">批量签退</el-button>
                    <el-button type="info" size="small">导出</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<script>
/**
* @author        chenRong
* @time          2023-12-08 16:55:59  星期五
* @description   挂靠点类别
**/


export default {
    data() {
        return {
            form: {
                name: '',
                region: ''
            },
            tableData: [],
            Params: {
                page: 1,
                pageSize: 20
            },
            total: 0,
            options: [{
                value: '选项1',
                label: '黄金糕'
            }, {
                value: '选项2',
                label: '双皮奶'
                }],
            value:''
        }
    },
    methods: {
        // 一页几条数据
        handleSizeChange(val) {
            this.Params.pageSize = val
        },
        // 当前页
        handleCurrentChange(val) {
            this.Params.page = val
        },
    }
}
</script>

<style lang="scss" scoped>
::v-deep .zhcx .el-input__inner {
    width: 350px !important;
}
</style>